.main{
	background: #ECF0F6 !important;
	height: 100vh;
}


.class_h{
	display: flex;
	flex-direction: column;
	background-size: 100% 100%;
	padding-bottom: 190rpx;
	position: relative;
}
.blood_sugar{
	width: 480rpx;
	height: 160rpx;
}

.blood_pressure{
	width: 196rpx;
	height: 160rpx;
	background-color: #ECF0F6;
}

	
.top{
	position: fixed;
	padding-top: 110rpx;
	font-weight: 600;
	font-size: 38rpx;
	color: #333333;
	line-height: 49rpx;
	 left: 30rpx
}
.task_main{
	display: flex;
	flex-direction: column;
	padding-left: 32rpx;
	padding-right: 32rpx;
	/* background-color: #fff; */
	margin-top: 20rpx;
	padding-bottom: 40rpx;
	height: 80vh;
}
.blood_top{
	display: flex;
	padding-top: 20rpx;
	gap: 10px;
}
.bg{
	display: flex;
	width: 80px;
	height: 80px;
	flex-direction: column;
	background-color: #ECF0F6;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #333333;
	border-radius: 8px;
}
.income{
	width: 30px;
	    height: 26px;
}
.income_select{
	margin-top: 20rpx;
	width: 38px;
	    height: 46px;
}
.blood_text{
	font-size: 13px;
}
.active{
	flex-direction: row;
	color: #fff;
	width: 100px;
	background-color: #3484E6;
}
.active_text{
	flex-direction: column;
	margin-left: 10rpx;
}
.task_name{
   position: fixed;
    top: 110rpx;       /* 顶部距离 */
    left: 50%;         /* 左边从屏幕中间开始 */
    transform: translateX(-50%); /* 水平居中 */
    font-weight: 600;
    font-size: 38rpx;
    color: #333333;
    line-height: 49rpx;
    text-align: center; /* 内容居中 */
}

.effect_title{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	padding-top: 32rpx;
	/* padding-left: 32rpx; */
	padding-right: 32rpx;
}
.left{
	display: flex;
	flex-direction: column;
/* 	width: 160px; */
	height: 208px;
	/* background-color: #ECF0F6; */
	border-radius: 10rpx;
	margin-top: 200rpx;
}




.ruler-box { position: relative; width: 100%; height: 120px; overflow: hidden; }
.indicator { position: absolute; top: 0; bottom: 0; left: 51.5%; width: 2px; background: red; z-index: 20; }
.fade-left, .fade-right { position: absolute; top: 0; bottom: 0; width: 60px; z-index: 30; pointer-events: none; }
.fade-left { left: 0; }
.fade-right { right: 0;}

 .bubble-container {
    display: flex;
	flex-direction: row;
    justify-content: center;
    margin-top: 57rpx; /* 控制气泡位置 */
	margin-left: 38rpx;
  }
  
  .bubble {
    display: flex;
    color: rgba(40, 126, 228, 1);
    font-size: 35px;
    font-weight: bold;
  }
  
  .low{
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
  	background-color: #f1c98c;
  	padding: 5rpx;
  	height: 30rpx;
  	width: 50rpx;
  	font-size: 22rpx;
  	color: #fff;
  	margin-top: 36rpx;
  }
  .unit{
  	display: flex;
  	margin-left: 10rpx;
  	align-items: flex-end;
  	margin-bottom: 11rpx;
  }
  
  .submit_icon{
  	display: flex;
  	position: fixed;
  	bottom: 180rpx;
  	left: 50%;
  	transform: translateX(-50%); /* 自身居中 */
  }
  .radio-group {
    display: flex;
    flex-direction: column; /* 整体纵向排列 */
    margin-top: 20rpx;
	margin-left: 120rpx;
  }
  
  .radio-item {
    display: flex;
    align-items: center;
    margin-bottom: 20rpx; /* 每个选项间距 */
    font-size: 28rpx;
  }
  .radio-item text {
    margin-left: 10rpx;
  }